<div class="mainContainer">
  <div class="module Remaining">
    <div class="cardTitle">余额</div>
    <hr class="cardTitileDivider" />
    <div class="remainingNumber">
      <p>{{ this.remaining_num }}</p>
    </div>
    <div class="twoButton">
      <button class="module inButton" nz-button nzType="default" (click)="showModal(0)">存款</button>
      <button class="module outButton" nz-button nzType="default" (click)="showModal(1)">提款</button>
    </div>
  </div>
  <nz-modal [(nzVisible)]="isVisible" nzTitle="" [nzClosable]="false" (nzOnCancel)="handleSettingCancel()"
    (nzOnOk)="handleSettingOk()" [nzContent]="settingContent" [nzOkText]="'执行操作'" [nzStyle]="{ width: '300px' }">
    <ng-template #settingContent>
      <div class="cardTitle" *ngIf="this.modalindex===0">
        <span> 存款金额设置 </span>
      </div>
      <div class="cardTitle" *ngIf="this.modalindex===1">
        <span> 提款金额设置 </span>
      </div>
      <hr class="cardTitileDivider" />
      <!-- <input type="text" placeholder="请输入金额" [(ngModel)]="operator_count"> -->
      <nz-input-number [(ngModel)]="operator_count" [nzMin]="0" [nzStep]="100" style="width: 80%; margin-left: 20px;">
      </nz-input-number>

    </ng-template>
  </nz-modal>
  <div class="module Log">
    <div class="cardTitle">日志（绝赞开发中）</div>
    <hr class="cardTitileDivider" />
    <nz-table class="logContainerText" #logContainer nzSize="small" [nzWidthConfig]="logContainerTab"
      [nzData]="this.logItems" nzTableLayout="fixed" [nzPageSize]="5" [nzHideOnSinglePage]="true">
      <thead>
        <tr>
          <th [(nzSortOrder)]="listOfColumns[1].sortOrder" [nzSortFn]="listOfColumns[1].sortFn">
            {{ listOfColumns[1].name }}
          <th>类型</th>
          <th [(nzSortOrder)]="listOfColumns[0].sortOrder" [nzSortFn]="listOfColumns[0].sortFn">
            {{ listOfColumns[0].name }}
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let item of logContainer.data; let i = index">
          <td>{{ item.time }}</td>
          <td nzEllipsis>
            <span nz-tooltip [nzTooltipTitle]="item.type" nzTooltipPlacement="top">
              {{ item.type }}
            </span>
          </td>
          <td nzEllipsis>
            <span nz-tooltip [nzTooltipTitle]="this.num2str(item.moneyCount)" nzTooltipPlacement="top">
              {{ this.num2str(item.moneyCount) }}
            </span>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </div>

</div>